import axios, { type AxiosRequestHeaders, type AxiosResponse } from "axios";
import { ElMessage, ElMessageBox } from "element-plus";
import pinia from "@/stores/index";
import { useUserInfoStore } from "../stores/userInfo";

/* 定义response对象的data接口 */
interface ResponseData<T> {
  code: number;
  data: T; //就是response.data.data的类型 后端真正给你的那个数据
  message: string;
}

// 配置新建一个 axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_URL, // '/app-dev' || '/app-prod'
  timeout: 50000,
});

// 添加请求拦截器
service.interceptors.request.use((config) => {
  // 在组件中获取仓库对象调用仓库函数时不需要传参
  // const userInfoStore = useUserInfoStore()
  // 不在组件中获取仓库对象调用仓库函数时需要传参(pinia)
  const userInfoStore = useUserInfoStore(pinia)
  const token = userInfoStore.token
  if(token){ //token只有登录之后才有 判断一下 有了再添加
    (config.headers as AxiosRequestHeaders ).token = token
  }
  // config 跟这次请求相关的所有信息所组成的一个对象 请求报文
  return config;
});

// 添加响应拦截器
service.interceptors.response.use(
  /* 约束一下response */
  // AxiosResponse是一个接口 需要传递两个泛型
  //第一个泛型在去约定response.data的类型
  async (response:AxiosResponse<ResponseData<any>, any>) => {
    // 对响应数据做点什么
    const res = response.data;
    if (res.code !== 20000 && res.code !== 200) {
      /* 成功数据的code值为20000/200 */
      // 统一的错误提示
      ElMessage({
        message:
          (typeof res.data == "string" && res.data) || res.message || "Error",
        type: "error",
        duration: 5 * 1000,
      });

      // `token` 过期或者账号已在别处登录
      if (response.status === 401) {
        const storeUserInfo = useUserInfoStore(pinia);
        await storeUserInfo.reset();
        window.location.href = "/"; // 去登录页
        ElMessageBox.alert("你已被登出，请重新登录", "提示", {})
          .then(() => {})
          .catch(() => {});
      }
      return Promise.reject(service.interceptors.response);
    } else {
      return res.data; //对于咱们之后发送请求获取到的数据 其实就是真正的后端给咱们前端返回的数据 真正要用的那个数据 咱们之后不能res.code进行判断了
    }
  },
  (error) => {
    // 对响应错误做点什么
    if (error.message.indexOf("timeout") != -1) {
      ElMessage.error("网络超时");
    } else if (error.message == "Network Error") {
      ElMessage.error("网络连接错误");
    } else {
      if (error.response.data) ElMessage.error(error.response.statusText);
      else ElMessage.error("接口路径找不到");
    }
    return Promise.reject(error);
  }
);

export default service;
